﻿<!--_meta 作为公共模版分离出去-->
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<title>vivid workflow admin</title>

	<link href="static/css/bootstrap.min.css" rel="stylesheet">
	<link href="static/font-awesome/css/font-awesome.css" rel="stylesheet">
	<link href="static/css/style.css" rel="stylesheet">
	<!-- Mainly scripts -->
	<script src="static/js/jquery-2.1.1.js"></script>
	<script src="static/js/bootstrap.min.js"></script>
	<!-- Latest compiled and minified CSS -->


	<!-- Latest compiled and minified JavaScript -->
	<script src="static/js/inspinia.js"></script>
	<!-- Latest compiled and minified Locales -->
	<script src="static/js/langchange.js" type="text/javascript"></script>

	<script src="lib/toastr/toastr.min.js"></script>
	<link href="lib/toastr/toastr.min.css" rel="stylesheet">
	<script src="lib/metisMenu/jquery.metisMenu.js"></script>
	<link href="static/css/animate.css" rel="stylesheet">
</head>

<body>
<div id="wrapper">
	<nav class="navbar-default navbar-static-side" style="position: fixed" role="navigation">
		<div class="sidebar-collapse">
			<ul class="nav metismenu" id="side-menu">
				<li class="nav-header">
					<div class="dropdown profile-element"> <span>
                    <img alt="image" class="img-circle" src="static/img/profile_small.jpg"/>
                    </span>
						<a href="#">
                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold" id="loginName">
								admin
							</strong>
                             </span> <span class="text-muted text-xs block">system </span> </span>
						</a>
					</div>
					<div class="logo-element">
						CCS
					</div>
				</li>
				<li class="active">
				<a href="#admin-device-log"><i class="fa fa-file"></i> <span langtag="menu-d" class="nav-label">设备日志</span></a>
				</li>
                <li>
                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">flow </span><span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level">
                        <li><a href="#flow-todo-list">我的流程</a></li>
                        <li><a href="#flow-process-list">流程申请</a></li>
                    </ul>
                </li>
				<li>
                    <a href="#"><i class="fa fa-paperclip"></i> <span class="nav-label">model </span><span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level">
                        <li><a href="#model-flow-list">流程模板</a></li>
                        <li><a href="#flow-template-create">创建流程模板</a></li>
						<li><a href="#flow-surrogate-create">代理候选人</a></li>
                    </ul>
                </li>
				<li>
                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">ou </span><span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level">
                        <li><a href="#org-dept-users">部门人员</a></li>
						<li><a href="#org-post-create">岗位管理</a></li>
                    </ul>
                </li>
				<li>
                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">setting </span><span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level">
                        <li><a href="#sys-dict-create">字典管理</a></li>
                    </ul>
                </li>
				<li>
                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">biz </span><span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level">
                        <li><a href="#biz-table-create">业务对象</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#"><i class="fa fa-sitemap"></i> <span class="nav-label">hook </span><span class="fa arrow"></span></a>
                    <ul class="nav nav-second-level">
                        <li><a href="#flow-hook-create">钩子管理</a></li>
                    </ul>
                </li>
			</ul>

		</div>
	</nav>
	<div id="page-wrapper" class="gray-bg dashbard-1">
		<div class="row border-bottom">
			<nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
				<div class="navbar-header">
					<a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i>
					</a>
				</div>
				<ul class="nav navbar-top-links navbar-right">
					<li>
                        <span class="m-r-sm text-muted welcome-message">欢迎 <i>admin</i></span>
					</li>
					<li>
						<a id="lang-en">English</a>
					</li>
					<li>
						<a id="langzh">简体中文</a>
					</li>

					<li>
						<a id="logoutLink" href="#">
							<i class="fa fa-sign-out"></i> logout
						</a>
					</li>
				</ul>

			</nav>
		</div>

		<div  id="ui-view"></div>
		<script type="text/html" id="error">
			<!--可以自定义错误信息-->
			<div>
				{{errStatus}}
			</div>
			<div>
				{{errContent}}
			</div>
		</script>


		<!-- 按钮触发模态框
		<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">开始模态框</button>
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>
					</div>
					<div class="modal-body">在这里添加一些文本</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-primary">提交更改</button>
					</div>
				</div>
			</div>
		</div>-->

		<div class="footer">
			<div class="pull-right">
				查看更多 <strong><a href="/wfhtml/pages/wiki.html#exmple" target="_blank">工作流相关wiki</a></strong>
			</div>
			<div>
				<strong>Copyright</strong> vivid &copy; 2018-2019
			</div>
		</div>
	</div>

</div>

<script type="text/javascript" src="js/require.base.js"></script>
<script type="text/javascript" src="lib/vipspa.js"></script>
<script type="text/javascript" src="js/require.vipspa.config.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script>
$(function () {
        $('#side-menu').metisMenu();
})
</script>
</body>
</html>